<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<!-- 最新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="bootstrap-3.0.3/css/bootstrap.min.css">

<!-- 可选的Bootstrap主题文件（一般不用引入） -->
<link rel="stylesheet" href="bootstrap-3.0.3/css/bootstrap-theme.min.css">

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="bootstrap-3.0.3/js/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="bootstrap-3.0.3/js/bootstrap.min.js"></script>

<script type="text/javascript" src="bootstrap-3.0.3/js/jquery-1.12.4.js"></script>

<script type="text/javascript">
	$(function(){
		$("#selectAppInfo").click(function(){
			$.getJSON("jsonAppInfo",{softwareName:$("#softwareName").val(),status:$("#status").val(),flatformId:$("#flatformId").val()},function(date){
				var html="<tr class='active'><th>软件名称</th><th>APK名称</th><th>软件大小单位(M)</th><th>所属平台</th><th>所属分类(一级分类、二级分类、三级分类)</th><th>状态</th><th>下载次数</th><th>最新版本号</th><th>操作</th></tr>";
				$.each(date,function(i,item){
					if(i%2==0){
						html+='<tr class="success">';
					}
					var	versionName=item["versionName"]==undefined?"":item["versionName"];
					html+="<td>"+item["softwareName"]+"</td>";
					html+="<td>"+item["aPKName"]+"</td>";
					html+="<td>"+item["softwareSize"]+"</td>";
					html+="<td>"+item["flatformName"]+"</td>";
					html+="<td>"+item["type1"]+">"+item["type2"]+">"+item["type3"]+"</td>";
					html+="<td>"+item["status"]+"</td>";
					html+="<td>"+item["downloads"]+"</td>";
					html+="<td>"+versionName+"</td>";
					html+="</tr>";
				})
				$(".table").html(html);
			})
		})
	})
</script>
</head>
<body>
<div id="AppInfoHead">
<label>软件名称:</label><input id="softwareName" type="text"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	<label>APP状态</label>
	<select id="status">
		<option value="-1">--请选择--</option>
		<c:forEach items="${statusList}" var="temp">
			<option value="${temp.valueId}">
				${temp.valueName}
			</option>
		</c:forEach>
	</select>
	
	<label>所属平台</label>
	<select id="flatformId">
		<option value="-1">--请选择--</option>
		<c:forEach items="${flatformList}" var="temp">
			<option value="${temp.valueId}">
				${temp.valueName}	
			</option>
		</c:forEach>
	</select>
	<input type="button" id="selectAppInfo" value="查询"/>
	<table class="table">
	<tr class="active">
		<th>软件名称</th>
		<th>APK名称</th>
		<th>软件大小单位(M)</th>
		<th>所属平台</th>
		<th>所属分类(一级分类、二级分类、三级分类)</th>
		<th>状态</th>
		<th>下载次数</th>
		<th>最新版本号</th>
		<th>操作</th>
	</tr>
		<c:forEach items="${showInfoList}" var="temp"	varStatus="i">
			<tr   <c:if test="${i.index%2==0}">class="success"</c:if>>
					<td>${temp.softwareName}</td>
					<td>${temp.aPKName}</td>
					<td>${temp.softwareSize}</td>
					<td>${temp.flatformName}</td>
					<td>${temp.type1}>${temp.type2}>${temp.type3}</td>
					<td>${temp.status}</td>
					<td>${temp.downloads}</td>
					<td>${temp.versionName}</td>
				</tr>
		</c:forEach>
	</table>
</div>
</body>
</html>